<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <link rel="stylesheet" href="css/i2msk.css"/>
    <title>i2mskdemo</title>
    
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/i2msk.js"></script>
	<script type="text/javascript" src="js/i2msk-sm2.js"></script>
    
</head>

<body>

<section>
    <p>乱序通用键盘</p>
    <form action="setPassword">
        <div>
            <div>
                <input type="password" id="standard_password" name="password" placeholder="请输入密码"/>
            </div>
        </div>
        <input type="submit" value="提交"/>
    </form>
</section>
<hr>

<section>
    <p>通用键盘</p>
    <form action="setPassword">
        <div>
            <div>
                <input type="password" id="standard_password2" name="password" placeholder="请输入密码"/>
            </div>
        </div>
        <input type="submit" value="提交"/>
    </form>
</section>
<hr>

<section>
    <p>乱序数字键盘</p>
    <form action="setPassword">
        <div>
            <div>
                <input type="password" id="number_password" name="password" placeholder="请输入密码"/>
            </div>
        </div>
        <input type="submit" value="提交"/>
    </form>
</section>
<hr>

<section>
    <p>数字键盘</p>
    <form action="setPassword">
        <div>
            <div>
                <input type="password" id="number_password2" name="password" placeholder="请输入密码"/>
            </div>
        </div>
        <input type="submit" value="提交"/>
    </form>
</section>

</body>
</html>
<script type="text/javascript">
    $(function () {
        var standardMSK = $.getMSK("i2mskController", "Standard", "1", "RSA");
        standardMSK.init({
            elementId: "standard_password",
            placeholder: "请输入密码",
            length: 12,
        });

        var standardMSK2 = $.getMSK("i2mskController", "Standard", "0", "RSA");
        standardMSK2.init({
            elementId: "standard_password2",
            placeholder: "请输入密码",
            length: 12,
        });

        var numberMSK = $.getMSK("i2mskController", "Number", "1", "RSA");
        numberMSK.init({
            elementId: "number_password",
            placeholder: "请输入密码",
            length: 12,
        });

        var numberMSK2 = $.getMSK("i2mskController", "Number", "0", "RSA");
        numberMSK2.init({
            elementId: "number_password2",
            placeholder: "请输入密码",
            length: 12,
        });
    });
</script>